<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>问题上报</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
 		<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  		<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  		<link rel="stylesheet" href="../../public/res/css/g.css" />
  		<style>
  			.layui-form-label{width: 90px;}
  			.layui-input-block{margin-left: 125px;}
  			.layui-upload-img{width: 420px;height: 92px;margin: 0 10px 10px 0;}
  			.layui-table-link{text-decoration: underline;}
  			.layui-table-link:hover{color:#e18806;}
  		</style>
	</head>
	<body>
		<div class="layui-fluid">
			<div class="layui-card">
				<div class="layui-card-body" style="padding: 15px;">
					<form class="layui-form" action="" lay-filter="component-form-group" style="padding: 10px 0 0 0;">
						<div class="layui-form-item">
								<div  class="layui-inline">
									<label class="layui-form-label">上报号码</label>
								    <div class="layui-input-block">
						              <input type="text" name="phone" lay-verify="phone" autocomplete="off" placeholder="请输入上报号码" class="layui-input">
						            </div>
								</div>
								<div  class="layui-inline">
									<label class="layui-form-label">上报号码</label>
								    <div class="layui-input-block">
						              <input type="text" name="phone" lay-verify="phone" autocomplete="off" placeholder="请输入上报号码" class="layui-input">
						            </div>
								</div>
								<div  class="layui-inline">
									<label class="layui-form-label">问题描述</label>
								    <div class="layui-input-block">
						              <input type="text" name="phone" lay-verify="phone" autocomplete="off" placeholder="请输入问题描述" class="layui-input">
						            </div>
								</div>
								<div  class="layui-inline">
									<label class="layui-form-label">案件类型</label>
								    <div class="layui-input-inline">
								      <select name="quiz1">
								        <option value="">请选择类型</option>
								        <option value="综治" selected="">综治</option>
								        <option value="城管">城管</option>
								        <option value="公安">公安</option>
								      </select>
								    </div>
								</div>
								<div  class="layui-inline">
									<label class="layui-form-label">案件状态</label>
								    <div class="layui-input-inline">
								      <select name="quiz2">
								        <option value="">请选择类型</option>
								        <option value="未受理" selected="">未受理</option>
								        <option value="已回退">已回退</option>
								        <option value="不予受理">不予受理</option>
								        <option value="已完成">已完成</option>
								        <option value="处理中">处理中</option>
								        <option value="已销案">已销案</option>
								      </select>
								    </div>
								</div>
								<div  class="layui-inline">
									<button class="layui-btn"><i class="layui-icon">&#xe615;</i>查询</button>
								</div>
					    </div>
					</form>
					<hr>
					<div class="layui-btn-group demoTable" style="margin-bottom: 5px;">
					  <button class="layui-btn layui-btn-primary "><i class="zkuasgm-icon">&#xe644;</i>导出Excel</button>
					</div>
					<table class="layui-table" lay-data="{width:'100%',height:472, url:'./data/report.json', page:true, id:'idTest',even: true}" lay-filter="demo">
					  <thead>
					    <tr>
					      <th lay-data="{align:'center', field:'id', width:80, sort: true, fixed: 'left'}">序号</th>
					      <th lay-data="{align:'center', field:'name', width:100}">上报人</th>
					      <th lay-data="{align:'center', field:'phone', width:200}">上报号码</th>
					      <th lay-data="{align:'center', field:'time', width:180}">上报时间</th>
					      <th lay-data="{field:'type',width:280}">案件类型</th>
					      <th lay-data="{field:'dec', width:520}">问题描述</th>
					      <th lay-data="{align:'center', field:'status', width:180}">状态</th>
					      <th lay-data="{ align:'center', toolbar: '#barDemo',fixed: 'right',width:120}">操作</th>
					    </tr>
					  </thead>
					</table>
					<script type="text/html" id="barDemo">
					  <a class="layui-btn  layui-btn-normal layui-btn-xs" lay-event="detail"><i class="layui-icon">&#xe63c;</i>详情</a>
					</script>
				</div>
			</div>
		</div>
		<script src="../../layuiadmin/layui/layui.js"></script>  
		<script>
			layui.use(['form','table','upload','element'], function(){
			  var form = layui.form;
			  var table = layui.table;
			  var $ = layui.jquery,element = layui.element;

			  function test1(){
			  	console.log('test1')
			  }
			  
			  $('.demoTable .layui-btn').on('click', function(){
			  	console.log(2222)
			  	test1.call({})
			    // var type = $(this).data('type');
			    // active[type] ? active[type].call(this) : '';
			  });
			  
			  $('[lay-event="detail"]').on('click',function(){
					layer.open({
					  type: 2,
					  area: ['700px', '550px'],
					  fixed: false, //不固定
					  maxmin: true,
					  content: 'Case-detail.html'
					});
			  })
			});
		</script>
	</body>
</html>
